iT邦幫忙

2021 iThome 鐵人賽

DAY 29
0
自我挑戰組

Flutter系列 第 29

Flutter基礎介紹與實作-Day29 旅遊筆記的實作(10)

  • 分享至 

  • xImage
  •  

今天要寫的是隱藏式選單的第三個"登出"的選項,原本這格寫的是使用說明,後來想想好像沒有這個必要就把它改成登出了


開始前一樣先來建立資料夾吧
lib/scareens/out/out_screen.dart
lib/scareens/out/components/out_body.dart
程式碼如下
out_screen.dart
https://ithelp.ithome.com.tw/upload/images/20211013/20141032haVtY5bfCJ.jpg

out_body.dart
https://ithelp.ithome.com.tw/upload/images/20211013/20141032plImJAHLmP.jpg

這邊我的想法是點選登出後會跳出一個提示框,詢問使用者是否真的要登出,點選確定要登出後,也會跳出提示顯示正在登出,然後這邊有用一個Timer來做延遲的動作,我這邊設定是延遲2秒,如果覺得太長或太短都可以自行更改,最後不要忘了要串上的連結要記得串上喔!
成果如下
https://ithelp.ithome.com.tw/upload/images/20211013/20141032PTfeWJCQuk.jpg

完整程式碼


今日總結
到今天為止我們整個App就算設計完成了,雖然沒有當初想的那麼完美,不過至少還算可以啦!明天會對這30天做一個最後的總結,大家明天見


上一篇
Flutter基礎介紹與實作-Day28 旅遊筆記的實作(9)
下一篇
Flutter基礎介紹與實作-Day30 最後總結
系列文
Flutter30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言